


.PxToRem(@name, @px){
    @{name}: @px / 75 * 1rem;
}

.Flex{
    display:flex;
}
.line-height(@arg){.px2rem(line-height, @arg);}
.font-size(@arg){.px2rem(font-size, @arg);}

.font(@fz,@color){
    .px2rem(font-size,@fz);
    color: @color;
}
.border-bottom(@px,@xian,@color){
    .px2rem(border-bottom-width,@px);
    border-bottom-style: @xian;
    border-bottom-color: @color;
}
.border-top(@px,@xian,@color){
    .px2rem(border-top-width,@px);
    border-top-style: @xian;
    border-top-color: @color;
}
.border(@px,@xian,@color){.px2rem(border-width,@px);border-style: @xian; border-color: @color;}

.padding-top(@top){.px2rem(padding-top, @top);}
.padding-right(@right){.px2rem(padding-right, @right);}
.padding-bottom(@bottom){.px2rem(padding-bottom, @bottom);}
.padding-left(@left){.px2rem(padding-left, @left);}

.padding(@top,@right,@bottom,@left){
   .px2rem(padding-top,@top);
   .px2rem(padding-right,@right);
   .px2rem(padding-bottom,@bottom);
   .px2rem(padding-left,@left);
}

.margin-top(@top){.px2rem(margin-top, @top);}
.margin-right(@right){.px2rem(margin-right, @right);}
.margin-bottom(@bottom){.px2rem(margin-bottom, @bottom);}
.margin-left(@left){.px2rem(margin-left, @left);}

.margin(@top,@right,@bottom,@left){
   .px2rem(margin-top,@top);
   .px2rem(margin-right,@right);
   .px2rem(margin-bottom,@bottom);
   .px2rem(margin-left,@left);
}

body{
	background:#eff3f2;
	height:100%;
}
header{
	width: 100%;
	.PxToRem(height,88);
	background: url(../imgs/Reg_serve_bg01.jpg);
	.Flex;
	 align-items: center;

	.Login_to_index{
		flex:1;
		padding-left:2%;
		img{
			display:block;
			.PxToRem(width,55);
			.PxToRem(height,53);
		}
	}
	.flex2{
		flex:4;
		.PxToRem(font-size,37);
	}
	.flex3{
		flex:1;
	}
}
.deng{
	.PxToRem(height,250);
	background:#1ac5a1;
	dl{
		width:25%;
		margin:0 auto;
		dt{
			text-align:center;
			padding-top:15%;
			img{
				.PxToRem(width,136);
				.PxToRem(height,130);
			}
		}
		dd{
			text-align:center;
			padding-top:10%;
			p{
				background:#18b290;
				width:100%;
				color:#ffffff;
				.PxToRem(height,44);
				.PxToRem(border-radius,20);
				.PxToRem(line-height,44);
			}
		}
	}
}

.Login_dall{
	background:#ffffff;
	.PxToRem(margin-top,20);
		article{
			.Flex;	
			padding:5% 2%;
			border-bottom: 1px solid #ccc;
			p{
				flex:1;
			}
			span{
				flex:6;
				.PxToRem(font-size,35);
			}			
		}

}

footer{
	text-align:center;
	padding-top:8%;
	padding-bottom:20%;
	.PxToRem(line-height,50);
	color:#616564;
}
























